<template>
	<view>
		<view class="line-group">

			<view class="line">
				<view class="name" @click="ChooseSelector">
					<u-icon name="plus" color="#9A9A9A" size="17rpx"></u-icon>
					<text class="num">{{num}}</text>
					<u-icon name="arrow-down-fill" color="#9A9A9A" size="12rpx"></u-icon>
				</view>
				<view class="main">
					<input class="uni-input" type="number" maxlength="11" placeholder="请输入您的手机号" v-model="mobile"
					 @blur="blur" />
					<view class="icon" v-show="showClearIcon" @click="clearIcon">
						<i-icon icon="iconquxiaoxunjia" type="single" size="34rpx" color="#e1e1e1"></i-icon>
					</view>
				</view>
			</view>

			<view class="line code">
				<view class="name">验证码</view>
				<view class="main ">
					<input class="uni-input" maxlength="6" placeholder="请输入验证码" v-model="code" />
					<view class="icon">
						<button v-show="isSend" class="btn-pri" @click="sendCode">{{btnText}}</button>
						<button v-show="!isSend" class="btn-dis" >{{btnText}}</button>
					</view>
				</view>
			</view>

			<Rpoup :title="'区号'" :showpoup="TypeShow" length="35%" @choose="chooseType" :list="TypeSelector" @close="cancel"></Rpoup>

		</view>
		<view class="sub">
			<button v-show="isDisable" class="btn-disable">修改</button>
			<button v-show="!isDisable" class="btn-primary" @click="submit">修改</button>
		</view>

	</view>
</template>
<script src="./changeTel.js"></script>
<style src="./changeTel.scss" lang="scss"></style>
